<template>
  <div>
    <hm-header></hm-header>
    <hm-body></hm-body>
    <hm-footer></hm-footer>
    <hm-button></hm-button>
    <Father></Father>
    <Son></Son>
    <FatherChange></FatherChange>
    <SonChange></SonChange>
  </div>
</template>

<script>
import HmHeader from "./components/Hm-header";
import HmBody   from "./components/Hm-body";
import HmFooter from "./components/Hm-footer";
import Father from "./components/Father.vue";
import Son from "./components/Son.vue";
import FatherChange from "./components/fatherChange.vue";
import SonChange from "./components/sonChange.vue";
export default {
  components:{
    HmHeader,
    HmBody,
    HmFooter,
    Father,
    Son,
    FatherChange,
    SonChange,
  },
}
</script>

<style>

</style>
